<template>
	<view class="detailed_list">
			<view class="goods_list_box" @click="onOrderDetail(item)">
				<view class="goods_list_head flexjus">
					<view class="head_left s26 familytow fblod">
						到店自提-全款支付
					</view>
					<view class="head_right flex">
						<view class="c_left_box s22 family f500 txtali">
							等待支付
						</view>
						<view class="c_right_box s22 family f500 txtali">
							1小时59分钟
						</view>
					</view>
				</view>
				<view class="goods_detail_box flex">
					<view class="goods_img_box">
						<!-- <image class="w100 h100" :src="items.image_src" mode=""></image> -->
					</view>
					<view class="goods_name_box s26 f500 family">
						天气丹 水乳霜三件套装提拉紧致抗衰老补水保湿限量
					</view>
					<view class="goods_price_box">
						<view class="price_txt s24 family f500">
							￥2999
						</view>
						<view class="num_txt s22 family f500 txtali">
							共1件
						</view>
					</view>
				</view>
			</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		}
	}
</script>

<style scoped lang="scss">
	.detailed_list {
		overflow: hidden;
		.goods_list_box {
			width: 686upx;
			background: #FFFFFF;
			padding: 32upx 32upx 32upx 32upx;
			margin-bottom: 20upx;
		
			.goods_list_head {
		
				.head_left {
					color: #000000;
				}
		
				.head_right_status {
					color: #FF3F4A;
				}
		
				.head_right {
					width: 246upx;
					height: 32upx;
					background: rgba(255, 63, 74, .28);
					border-radius: 16upx 0upx 16upx 16upx;
		
					.c_left_box {
						width: 104upx;
						height: 32upx;
						background: #FF3F4A;
						border-radius: 16upx 0upx 16upx 16upx;
						color: #FFFFFF;
						line-height: 32upx;
					}
		
					.c_right_box {
						width: 128upx;
						color: #FF3F4A;
						line-height: 32upx;
						margin-left: 6upx;
					}
				}
			}
		
			.goods_detail_box {
				margin-top: 24upx;
		
				.goods_img_box {
					width: 116upx;
					height: 116upx;
					border-radius: 8upx;
					overflow: hidden;
				}
		
				.goods_name_box {
					width: 356upx;
					height: 70upx;
					color: #333333;
					letter-spacing: 0;
					overflow: hidden;
					display: -webkit-box;
					text-overflow: ellipsis;
					-webkit-line-clamp: 2;
					-webkit-box-orient: vertical;
					margin-top: 22upx;
					margin-left: 26upx;
				}
		
				.goods_price_box {
					margin-top: 18upx;
					margin-left: 94upx;
		
					.price_txt {
						color: #000000;
					}
		
					.num_txt {
						margin-top: 10upx;
						color: #666666;
					}
				}
			}
		
		
			.bottom_btn {
				margin-top: 24upx;
		
				.cancel_btn {
					width: 157upx;
					height: 58upx;
					border-radius: 30upx;
					border: 1upx solid #CCCCCC;
					color: #333333;
					line-height: 58upx;
					margin-left: 354upx;
				}
		
				.payment_btn {
					width: 157upx;
					height: 58upx;
					border-radius: 30upx;
					border: 1upx solid #FF3F4A;
					color: #FF3F4A;
					line-height: 58upx;
					margin-left: 16upx;
				}
		
				.receiving_btn {
					width: 157upx;
					height: 58upx;
					border-radius: 30upx;
					background: #FF3F4A;
					color: #FFFFFF;
					line-height: 58upx;
					margin-left: 16upx;
				}
			}
		}
	}
</style>